<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
	<link rel="stylesheet" href="bootstrap.css">
	<script src="jquery-3.3.1.js"></script>
	<script src="bootstrap.bundle.js"></script>
	<script src="bootstrap.js"></script>
</head>

<body>
		<div class="dropdown"><a href="#" data-toggle="dropdown">激活元素</a>
			<ul class="dropdown-menu">
				<li class="dropdown-item"><a href="#">菜单1</a></li>
				<li class="dropdown-item"><a href="#">菜单2</a></li>
				<li class="dropdown-submenu"><a href="#">菜单3</a>
				    <ul class="dropdown-menu">
						<li class="dropdown-item"><a href="#">菜单1</a></li>
				        <li class="dropdown-item"><a href="#">菜单2</a></li>
						<li class="dropdown-submenu"><a href="#">菜单3</a></li>
				    </ul>
				</li>
			</ul>
		</div>
</body>
</html>
